/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px;   }
body { line-height: 1.5;text-align: justify;}
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.edit_con_original{ line-height:2; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 {  font-weight:bold }
.edit_con_original h2 { font-weight:bold }
.edit_con_original h3 { font-weight:bold }
.edit_con_original h4 { font-weight:bold }
.edit_con_original h5 { font-weight:bold }
.edit_con_original h6 { font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
.edit_con_original video{ max-width:100%;display: block;margin:auto;}

.edit_con_original p,.edit_con_original span,.edit_con_original h1,.edit_con_original h2,.edit_con_original h3,.edit_con_original h4,.edit_con_original h5,
.edit_con_original h6,.edit_con_original em,.edit_con_original b{line-height: 2!important;}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }


.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}


/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}


/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}

/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont';
}

body,a{color: #000;}
a{transition: all .3s;}
@media only screen and (min-width:1025px) {
    a:hover{color: #2fbdff!important;}
}


.wrap{width: 1600px;max-width: 83%;margin: auto;}

@media only screen and (max-width:1370px) {

}

.line24{line-height: 24px;
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
}
.line30{line-height: 30px;
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
}
.ellipsis_p{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ratio-img,.ratio-img img{width: 100%;}
.bold{font-weight: bold;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media only screen and (max-width:1024px) {
    .wrap{margin: 0 auto;max-width: 94%;}
}
@media only screen and (max-width:345px) {
    .wrap{max-width: 97%;margin: 0 auto;}
}
/*font-size*/
.fnt_12 { font-size: 12px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_22 {font-size: 22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}
.fnt_42 { font-size:42px;}
.fnt_48 { font-size:48px;}
.fnt_52 { font-size:52px;}
.fnt_56 { font-size:56px;}
.fnt_60{ font-size:60px;}
.fnt_72{ font-size:72px;}
.fnt_80{ font-size:80px;}
.fnt_90{ font-size:90px;}
@media only screen and (max-width:1800px) {
    .fnt_56 { font-size:50px;}
    .fnt_60{ font-size:54px;}
    .fnt_80{ font-size:74px;}
}
@media only screen and (max-width:1660px) {
    .fnt_56 { font-size:48px;}
    .fnt_60{ font-size:44px;}
    .fnt_22 {font-size: 20px;}
    .fnt_80{ font-size:60px;}
    .fnt_72{ font-size:60px;}
}
@media only screen and (max-width:1440px) {
    .fnt_18 { font-size:16px;}
    .fnt_20 { font-size:18px;}
    .fnt_22 {font-size: 18px;}
    .fnt_24 { font-size:20px;}
    .fnt_26 { font-size:22px;}
    .fnt_28 { font-size:24px;}
    .fnt_30 { font-size:28px;}
    .fnt_32 { font-size:28px;}
    .fnt_36 { font-size:30px;}
    .fnt_38 { font-size:31px;}
    .fnt_40 { font-size:32px;}
    .fnt_42 { font-size:34px;}
    .fnt_48 { font-size:40px;}
    .fnt_52 { font-size:44px;}
    .fnt_56 { font-size:46px;}
    /*.fnt_60{ font-size:56px;}*/
    .fnt_72{ font-size:56px;}
    .fnt_80{ font-size:50px;}
    .fnt_90{ font-size:72px;}
}
@media only screen and (max-width:1366px) {
    .fnt_20 { font-size:18px;}
    .fnt_26 { font-size:20px;}
    .fnt_28 { font-size:22px;}
    .fnt_30 { font-size:24px;}
    .fnt_32 { font-size:24px;}
    .fnt_36 { font-size:26px;}
    .fnt_38 { font-size:27px;}
    .fnt_40 { font-size:28px;}
    .fnt_42 { font-size:30px;}
    .fnt_48 { font-size:36px;}
    .fnt_52 { font-size:40px;}
    .fnt_56 { font-size:42px;}
    .fnt_60{ font-size:44px;}
    .fnt_72{ font-size:48px;}
    .fnt_90{ font-size:52px;}
    .fnt_80{ font-size:40px;}

}
@media only screen and (max-width:1280px) {
    .fnt_22 {font-size: 16px;}
    .fnt_26 { font-size:18px;}
    .fnt_28 { font-size:20px;}
    .fnt_30 { font-size:22px;}
    .fnt_32 { font-size:22px;}
    .fnt_36 { font-size:24px;}
    .fnt_38 { font-size:25px;}
    .fnt_40 { font-size:26px;}
    .fnt_42 { font-size:28px;}
    .fnt_48 { font-size:32px;}
    .fnt_56 { font-size:34px;}
    .fnt_60{ font-size:36px;}
    .fnt_72{ font-size:40px;}
    .fnt_90{ font-size:42px;}
    .fnt_80{ font-size:30px;}
}
@media only screen and (max-width:1024px) {
    .fnt_16 { font-size:14px;}
    .fnt_18 { font-size:16px;}
    .fnt_20 { font-size:16px;}
    .fnt_24 { font-size:18px;}
    .fnt_30 { font-size:20px;}
    .fnt_36 { font-size:22px;}
    .fnt_38 { font-size:22px;}
    .fnt_40 { font-size:22px;}
    .fnt_42 { font-size:24px;}
    .fnt_48 { font-size:26px;}
    .fnt_52 { font-size:28px;}
    .fnt_56 { font-size:30px;}
    .fnt_60{ font-size:32px;}
    .fnt_72{ font-size:36px;}
    .fnt_90{ font-size:36px;}
}
@media only screen and (max-width:767px) {
    /*.fnt_20 { font-size:16px;}*/
    /*.fnt_24 { font-size:16px;}*/
    /*.fnt_30 { font-size:18px;}*/
    /*.fnt_36 { font-size:20px;}*/
    /*.fnt_48 { font-size:20px;}*/
    /*.fnt_52 { font-size:20px;}*/
    .fnt_56 { font-size:22px;}
    .fnt_60{ font-size:24px;}
    .fnt_72{ font-size:24px;}
    .fnt_90{ font-size:30px;}
}


.header_re{float: right;transition: all .3s;width: 100%;}
.header_boxR{float: right;box-sizing: border-box;margin-left: 10px;}
.language{float: right;color: #fff;margin-left: 10px;transition: all .3s;line-height: 90px;height: 90px;}

.language a{color: #fff!important;}
.language a:first-child{padding-right: 5px;}
.language a:last-child{padding-left: 5px;}
.language a.on{color: #004da5;}
.language em{float: left;margin: 0 5px;color: #fff;}

/*.login*/
.header_re-t{overflow: hidden;text-align: right;color: #80839a;font-size: 12px;margin-top: 10px;}
/*搜索*/
.header_search{float: left;margin-left: 30px;}
.search_btn,.nav_phone_btn{line-height: 90px;font-size: 24px;transition: all .3s;}
.header_search{  position: relative;float: right;}
.search_btn{cursor: pointer;position: relative;float: right;width: 40px;text-align: center;}
.search_btn.on{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}
.search_btn:before{color: #fff;}
.search_btn:before,.search_box_btn:before{font-size: 20px;}

.search_box {
    background: #fff;width: 100px;right: 0px; position: absolute;top:25px;margin-top: 0;z-index: 91;
    visibility: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    border: 1px solid #eee;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 40px;
}
.search_box.on {width: 360px;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;}
.search_box_input {width: calc(100% - 60px); padding: 0 10px;float: left;border: 0;height: 40px;outline: none;line-height: 40px;background: #fff;}
.search_box_btn {
    height: 40px;width: 40px;background: none;border: 0;outline: none; float: right;
    position: relative;
}
.search_box_btn:before{content: "\e6e7";position: absolute;top:0;left: 0;width: 100%;height: 100%;    line-height: 40px;  }
.menu{float: right;line-height: 60px;font-size: 20px;}
/*搜索*/


.header{position: fixed;top:0;left: 0;width: 100%;height: 90px;
    /*transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;*/
    z-index: 9999;
}
.height_height{height: 90px;display: none;}
.header .wrap{width: 1680px;max-width: 94%;}
.header h1{float: left;overflow: hidden;width: 386px;margin-top: 35px;height: 52px;display: none;}
.header h1 a{display: block;}
.header h1 img{width: 100%;height: 100%;}
.header h1 .img_02{display: none;}
.header_box{float: right;transition: all .3s;width: 100%;}
.header_box.on{width: 0;}
.nav{float: right;font-size:20px;}
.nav>ul>li{float: left;line-height: 90px;margin-right: 60px;position:relative;}
.nav>ul>li:nth-child(2){}
.nav>ul>li.special_li{position: inherit;line-height: 60px;}
.nav>ul>li>span{display: none;}
.nav>ul>li>a{color: #fff!important;display: block;}
.nav li>a span{position: relative;display: block;}
.nav li>a i{position: absolute;left:50%;bottom: 20px;height: 6px;width: 0%; background: #2fbdff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav li.on>a{color: #fff;font-weight: bold;}
.nav li.on>a i{width: 100%;left: 0;}
.scrollHeader .header{box-shadow: 0 0 10px rgba(0,0,0,0.2);background: #fff;height: 80px;}
.scrollHeader .nav>ul>li{line-height: 80px;}
/*.scrollHeader .header h1 .img_01{display: none;}*/
/*.scrollHeader .header h1 .img_02{display: block;}*/
.scrollHeader .nav>ul>li>a{color: #000!important;}
.scrollHeader .language{line-height: 80px;height: 80px;}
.scrollHeader .language a,.scrollHeader .language{color: #000!important;}
.scrollHeader .search_btn, .nav_phone_btn{line-height: 80px;}
.scrollHeader .search_box{top: 20px;}
.scrollHeader .search_btn:before{color: #000;}
/*xiala*/


.header.on{background: rgba(0,0,0,0.7);}
.header .return_a{display: none;}

@media only screen and (min-width: 1025px){
    .nav>ul>li:hover>a{font-weight: bold;}
    .nav li:hover>a i {width: 100%;left: 0;}
    .language a:hover{font-weight: bold;}
}

@media only screen and (max-width:1660px) {
    .header h1{width: 320px;height: 43px;}
    /*.header_re{width: calc(100% - 321px);}*/
	.nav>ul>li{margin-right:40px;}
}

@media only screen and (max-width:1580px) {
    .nav li>a i{height: 3px;}
	.nav{font-size:20px;}
}
@media only screen and (max-width:1500px) {
    .nav{font-size:18px;}
}
@media only screen and (max-width:1400px) {
	.nav{font-size:16px;}
}

@media only screen and (max-width:1366px) {
    .nav>ul>li {margin-right: 30px;}
	
}
@media only screen and (max-width:1280px) {


}
@media only screen and (max-width:1200px) {
    .nav{}

    .header_search{margin-left: 20px;}
    .language{margin-left: 10px;}
}
@media only screen and (max-width:1100px) {
    .header_boxR{margin-left: 10px;}

}

.nav_phone_btn{display:none;}
@media only screen and (max-width:1024px) {
    .header h1{
        width: 210px;
        height: 28px;
        margin-top: 16px;
        display: block;
        margin-left: -5px;
    }
    .nav>ul>li>a span {height: auto;line-height: 40px;}
    .nav>ul>li>span{display: block; font-size: 20px;}
    .menu{display: none;}
    .header_in{margin-top: 0;}
    .header{background: #fff;}
    .header,.height_height{height: 60px;display: block;}
    .header h1 .img_01{display: none;}
    .header h1 .img_02{display: block;}
    .nav{margin-right: 0;height: 100%;}
    /*手机按钮*/
    .nav .icon-you,.header .return_a{display: block;}
    .nav li>a i {display: none;}
    .nav li.cur .navlist {right: 0;}
    .nav_phone_btn{display:block;float: right;}
    .nav_phone_btn span,.nav_phone_btn em{
        transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
    }
    .nav_phone_btn{float: right;position: relative;width: 60px;cursor: pointer;}
    .nav_phone_btn span i{display:block;width: 32px;height: 2px;background: #004da5;margin-top: 8px;}
    .nav_phone_btn span i:first-child{margin-top: 0;}
    .nav_phone_btn em{color: #004da5;font-size: 20px;visibility: hidden;opacity: 0;}
    .visible_nav span{visibility: hidden;opacity:0;}
    .visible_nav em{visibility: visible;opacity: 1;font-size: 24px;}
    .nav_phone_btn span i{width: 20px;}
    .nav_phone_btn span i{margin-top: 6px;}
    .nav_phone_btn{width: 40px;height: 60px;}
    .header_box{position: fixed;bottom:0;right:-100%;width:100%;background: #044289;height: calc(100% - 60px);}
    .header_box .header_boxR,.header_box .header_search{display: block;}
    .nav,.nav>ul>li{float: none;border-bottom: 1px solid rgba(255,255,255,0.1);line-height: initial;}
    .nav>ul>li>a{height: 40px;line-height: 40px;font-weight: normal;font-size: 16px;padding: 0 20px;color: #fff;}
    .header_box{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .navbody .header_box{right: 0;}
    .nav>ul>li>a,.header .return_a{}
    .nav>ul>li{position: static;margin-left: 0;}
    .nav li{float: none;border-bottom: 1px dashed rgba(255,255,255,0.2);display: table;width: 100%;position: static;line-height: 40px;}
    .nav li a{color: #fff!important;}
    .nav li>a{line-height: 40px;width:calc(100% - 90px);float:left;}
    .nav li>span,.header .return_a{display: block;color: #fff;}
    .nav li>span{width: 50px;text-align: center;float: right;line-height: 40px;}
    .header_search{margin:0;width: 100%;padding:0 20px;box-sizing:border-box;margin-bottom: 20px;}

    .header_re-t{display: none;}
    .header_re{margin-top: 0;}
    .search_btn{display: none;}
    .search_btn:before, .search_box_btn:before{font-size: 18px;}
    .search_box{position: static; width: 100%;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;margin-top: 0px;}
    .header .return_a{background: #023268;display: block;}

    .header_box{transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;}
    .language{float: left;height: auto;margin-top: 0;line-height: 40px;color: #fff;margin-left: 20px;}
    .language a{color: #fff;}
    .language a.on{color: #ec5507;}
    .header_re{height: auto;width: auto;}
    .header_boxR{border-top: 0!important;line-height: 40px;float: left;margin: 10px 0;margin-right: 20px;}
    .language a,.language,.search_btn:before{color: #fff!important;}
    .scrollHeader .header{height: 60px;}
    .scrollHeader .language{line-height: 40px;height: 40px;}
    .scrollHeader .language a, .scrollHeader .language,.scrollHeader .nav>ul>li>a{color: #fff!important;}
}


@media only screen and (max-width:767px) {
    .header{height: 60px;}
    .header_in{padding: 0 10px;}
    .height_height{height: 60px;}
    .header_re-t{height: 30px;line-height: 30px;margin-right: 10px;}
    .header_box{height: calc(100% - 60px);}
    .nav>ul>li>a, .navlist h3, .navlist p{line-height: 40px;height: 40px;}
    .nav_phone_btn{height: 40px;line-height: 40px;margin-top: 10px;}

}





.weixin{ position:fixed; width:300px; height:auto; z-index:100000; left:50%; top:50%; margin:-200px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;}
.weixin .c{ position:absolute; width:30px; height:30px; background:url(../images/x.png); overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px; font-weight:normal;}
.weixin .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;}
.weixin p {  margin:0 1.5% 20px; text-align:center;  }
.weixin .img img{
    width: 200px;
    height: 200px;
    display: block;
    margin: auto;
}



/*footer*/
.footer{color: #555555;padding:4% 0;box-sizing:border-box;overflow:hidden;}
.footer a{color: #555555;}
.fl{
    margin-bottom: 40px;
    float: left;
    width: 100%;
    text-align: center;
}
.fr{float: left;color:#fff;width: 100%;text-align: center;}
.fr ul{overflow:hidden;text-align:center;margin-bottom:20px;}
.fr li{padding: 0 15px;position: relative;display:inline-block;text-align:center;}
.fr li:after{content: "";display: block;width: 1px;height: 8px;background: #fff;position: absolute;right: -3px;top: 50%;margin-top: -4px;}
.fr li:last-child{padding-right:0;}
.fr li:last-child:after{display: none;}
.fl li:nth-child(2),.fl li:nth-child(3){display:none;}
.fr{float: right;}
.fr>a{margin-left: 10px;}
.fr a{color:#fff;}
@media only screen and (max-width:1260px) {
    .fl{width:auto;margin-top:15px;}
}
@media only screen and (max-width:1024px) {
    .fl,.fr{width: 100%;}
    .fl{text-align: center;margin-bottom:10px;}
    .fl li{float: none;display: inline-block;}
    .fl li:first-child{margin-left: 0;}
    .fr{text-align: center;}

    .fr ul{text-align:center;margin-bottom:10px;}
    .fr li:last-child{padding-right:15px;}
}
@media only screen and (max-width:767px) {
    .fl{margin-top:0;}
    .fl li{padding: 0 6px;}
    .fl li:after{right: -2px;}
    .fr a{display: block;margin-left: 0;}
}



/*侧边栏*/
.sitebar_l{position: fixed;bottom: 30px;left: 14px;z-index: 2;}
.sitebar_l li{margin-bottom: 10px;}
.sitebar_l a{display: block;background: #fff;height: 106px;width: 106px;border-radius: 15px;box-shadow: 0 0 10px rgba(0,0,0,.2);text-align: center;color: #143167;}
.sitebar_l a img{width: 55px;height: 35px;margin-bottom: 5px;margin-top: 26px;}
/*.sitebar_l a p{font-size: 12px;}*/
.sitebar_r{position: fixed;bottom: 30px;right: 14px;z-index: 2;}
.sitebar_r ul{border-radius: 15px;width: 50px;}
.sitebar_r li{position: relative;padding: 0 4px;box-sizing: border-box;background: #fc750c;height:50px;border-radius:100%;margin:2px 0;}
.sitebar_r li:last-child a{border-bottom: 0;}
.sitebar_r li a{color: #fff;text-align: center;padding: 10px 0;display: block;}
.sitebar_r li img{width: 37px;height: 37px;}
.sitebar_r li a>p{font-size: 14px;display: none;}

.site_box{position: absolute;width: 0;right: 60px;bottom: 0;color: #000;text-align: left;min-height: 100%;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);
    transition: all .3s;overflow: hidden;}
.site_box p{padding:30px;box-sizing: border-box;width: 210px;}
.sitebar_r li:nth-child(2) .site_box{height: calc(100% - 1px);border-bottom-left-radius: 7px;border-top-left-radius: 7px;}
.sitebar_r li:nth-child(2) .site_box p{padding:18px 12px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;box-shadow:inherit;background: #015ebb;color: #fff!important;}
.site_box img{width: 100% !important;height: auto!important;}

@media only screen and (min-width:1025px) {
    .sitebar_r li a:hover .site_box{width: 210px;}
    .sitebar_r li:nth-child(2) a:hover .site_box{}
    .sitebar_r li:nth-child(2) a:hover .site_box p{}
}
@media only screen and (max-width:1560px) {
    .sitebar_l a{width: 90px;height: 90px;}
    .sitebar_l a img{margin-top: 17px;}
}
@media only screen and (max-width:1200px) {
    .sitebar_l{left: 5px;}
    .sitebar_l a{width: 75px;height: 75px;}
    .sitebar_l a img{margin-top: 13px;width: 40px;height: 25px;}
    /*.sitebar_r{right: 5px;}*/
    /*.sitebar_r ul{width: 75px;}*/
    /*.sitebar_r li a p{font-size: 12px;}*/
    /*.sitebar_r li img{width: 35px;height: 35px;}*/
    /*.sitebar_r li a{padding: 10px 0;}*/
}
@media only screen and (max-width:1024px) {
    .sitebar_l,.sitebar_r{display: none;}
}




/*20230522-下拉导航*/
.navlist{display:none; position: absolute; left:50%; top:100%; z-index: 2; width:230px;margin-left:-115px;}
.navlist dl{text-align: center;line-height: 40px;}
.navlist dl dd{ display:block;float: left;width: 100%;box-sizing: border-box;}
.navlist dl dd p{line-height: 50px;margin-bottom:5px;text-align:center;}
.navlist dl dd p a{color:#143167;display:block;background:#ecf6f7;border-radius:30px;box-shadow:0 0 8px rgba(0,0,0,.1);}
.navlist dl dt{float: right;width: 71%;text-align: left;padding-left: 5%;box-sizing: border-box;}
.navdt_l{float: left;width: 40%;}
.navdt_l img{width: 100%;}
.navdt_r{float: left;width: 60%;padding: 0 6%;box-sizing: border-box;}
.navdt_r h3 a{color: #143167;}
.navdt_r p{line-height: 30px;color: #393f4d;margin: 20px 0;}
.navdt_link a{float: left;}
.navItem{display: none;}
.navItem.on{display: block;}




@media only screen and (min-width:1025px) {
    .navlist dl dd p a:hover{background:url("../images/m05.png") no-repeat center;background-size:cover;color:#fff!important;}

}
@media only screen and (max-width:1366px) {
    .navlist dl{padding: 40px 0;}
    .navdt_r p{margin: 5px 0 10px;}
}
@media only screen and (max-width:1024px) {
    .navlist{position: static; background: none; padding: 0; border-top:1px solid rgba(255,255,255,0.1); height: auto;line-height: inherit; width: auto !important; display: none;visibility: visible;clear: both; left:auto; top:auto; margin-left: 0!important;}
    .navlist dl{padding:10px 30px; line-height: 30px;}
    .navlist dl dd{width:100%;text-align: left; display: block;font-size: 16px;}
    .navlist dl dd a{color:#fff;}
    .nav>ul>li>span.on{ transform: rotateX(180deg); transition: all 0.3s;}
    .navlist .wrap{width: 100%;max-width: 100%;}
    .navlist dl dt{display: none;}
    .navlist dl dd{padding-left: 0;border-right: 0;}
    .navlist dl dd p{line-height: inherit;border-bottom: 0;}
    .navlist dl dd p a{background:none;text-align:left;box-shadow:none;}
}
/*内页banner*/
.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center;}
.inbanner{position: relative;}
.inbanner img{widtH:100%;}
.inbanner .txt{color:#fff; top:60%; box-sizing: border-box; text-align: center;}
.inbanner .txt .ban_logo{/*position: absolute; lefT:0; top:0;*/ width: 95px; height:95px; float: left; margin-right: 20px;}
.inbanner .txt .ban_txt{ float: left;}
.inbanner .txt h2{margin-bottom:1.5%; line-height: 1.2; overflow: hidden;text-align: center; display: inline-block;}
.inbanner .txt h2 span{ display: block; font-weight: bold;}
.inbanner .txt h2 em{ display: block; text-transform: uppercase;}
.inbanner .txt p span{ margin-left: 40px;}
.inbanner .txt h4{margin-top:10px;}
@media only screen and (max-width:1279px) {
    .inbanner .txt{top:50%;}
}
@media only screen and (max-width:767px) {
    .inbanner{ height: 240px;}
    .inbanner img{ display: none;}
    .inbanner .txt{padding-left: 0px;}
    .inbanner .txt .ban_logo{width: 35px; height: 35px;margin-right:5px;}
    .inbanner .txt .ban_logo>img{ display: block;}
    .inbanner .txt .ban_txt{width: calc(100% - 41px);text-align: left;}
    .inbanner .txt h2 em{line-height: 1.2;font-size: 12px;white-space: nowrap;}
    .inbanner .txt h2 span{font-size:18px;}
    .inbanner .txt p span{ display: block; margin-left: 0;}
}
/*内页banner*/

/*公共底部的上面版块*/
.index_11{margin-top: 0;padding: 35px 0 60px;overflow: hidden;}
.indexContact li{display: inline-block;}
.indexContact dl{width: auto;text-align: center;color: #fff;float: left;margin-right:15px;}
.indexContact dl dd{font-size: 26px;display:inline-block;vertical-align:middle;}
.indexContact dl dt{font-size: 16px;display:inline-block;vertical-align: middle;margin-top: -2px}
.indexContact dl a{color: #fff;}
.indexContact dl a.tel_link{color: #fff!important;cursor: inherit;}
@media only screen and (max-width:1024px) {
    .indexContact dl dt{margin-top:-2px;}
}

@media only screen and (max-width:767px) {

    .index_11{padding: 20px 0 10px;}
    .indexContact dl{width: 100%;}
}

/*分页*/
.page {vertical-align:middle;text-align:center;color:#555555; height:44px; line-height:44px;}
.page .inner{ display: inline-block; }
.page a{float: left;text-align:center; width:44px; height:44px; border-radius: 8px;border:1px solid #D2D2D2; margin:0 2px;  background:#fff;color:#555555;}
.page a.on{background:#004EAB;color:#fff;border:1px solid #004EAB;}
.page a.prev,.page a.next,.page a.first,.page a.last{color:#000; font-weight: bold;}
.page a.prev{margin-right: 15px;}
.page a.next{margin-left: 15px;}
.page a.prev.disable,.page a.next.disable,.page a.first.disable,.page a.last.disable{ cursor: default;}
.p_i{float: left;position: relative;width:44px;height:44px; line-height:44px;border-radius: 8px; margin:0 2px; margin-left:30px; border:1px solid #D2D2D2;background:#fff;}
.page input.txtnum{ width:100%; height:100%; text-align: center; border:none; background: none;}
.page a.go{border:1px solid #004EAB; background:#004EAB;color:#fff!important;}
@media only screen and (min-width: 1025px) {
    .page a.prev:hover,.page a.next:hover,.page a.first:hover,.page a.last:hover{color:#fff!important; border:1px solid #004EAB;background: #004EAB;}
    .page a.prev.disable:hover,.page a.next.disable:hover,.page a.first.disable:hover,.page a.last.disable:hover{opacity: 0.5;}
    .page a.num:hover{background:#004EAB;color:#fff!important; border:1px solid #004EAB;}
    .page a.go:hover{opacity: 0.9;}
}
@media only screen and (max-width: 767px) {
    .page span,.page a.go,.page a.num{display: none;}
    .page{ height: 30px; line-height: 30px;}
    .page a{ width: 30px; height: 30px; line-height: 30px;}
    .page a.prev, .page a.next,.page a.first,.page a.last{background:#004EAB;border:1px solid #004EAB; color:#fff!important;}
    .page a.prev.disable,.page a.next.disable,.page a.first.disable,.page a.last.disable{opacity: 0.5;}
}
/*分页*/


/*搜索结果*/
.search_top{background:#f2f2f2 ;background-size: cover;padding: 50px 0;}
.search_int{width: 790px;margin: auto;max-width: 100%;overflow: hidden;}
.search_result{color: #828282;}
.search_result span{color: #015ebb;}
.search_result em{color: #015ebb;}
.search_le{float: left;color: #000;width: 105px;line-height: 60px;}
.search_input{border:1px solid #818181;background: #fff;padding: 4px;overflow: hidden;margin-bottom: 20px;}
.search_input input,.search_input button{height: 50px;line-height: 50px;box-sizing:border-box;border:none;outline: none;}
.search_input input{padding: 0 15px;box-sizing:border-box;width: calc(100% - 140px);float:left;}
.search_input button{width: 140px;text-align: center; float: right;background: #003e7a;color: #fff;border-radius: 5px;transition: all .3s;}
.search_re{float: right;width: calc(100% - 105px);}

.search_list{padding-top: 45px;padding-bottom: 4%;}
.search_list ul{margin-bottom: 3%;}
.search_list li{padding: 35px 0;border-bottom: 1px solid #e3e3e6;}
.search_list dt{overflow: hidden;margin-bottom: 15px;line-height: 30px;}
.search_list dt h3 span,.search_list dd span{color: #015ebb;}
.search_list h3{width: calc(100% - 150px);line-height: 30px;max-height: 60px;float: left;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.search_list .search_yd{float: right;font-weight: normal;}
.search_yd span{color: #a3a3a3;display: inline-block;}
.search_yd em{float: right; color: #000;margin-left: 30px;display: inline-block;width: 90px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_list dd{color: #595757;}
.search_list dd p{line-height: 24px;max-height: 48px;color: #9c9b9b;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media only screen and (max-width:1280px) {
    .search_list{padding-top: 20px;}
}
@media only screen and (max-width:1024px) {
    .search_input input, .search_input button{height: 40px;line-height: 40px;}
    .search_le{line-height: 50px;}
    .search_input button{width: 100px;}
    .search_input input{width: calc(100% - 100px);}
    .search_le{width: 80px;}
    .search_re{width: calc(100% - 80px);}
    .search_list li{padding: 20px 0;}
    .search_list ul{padding-bottom: 20px;}
    .search_list dd{font-size: 14px;}
    .search_list dt{margin-bottom: 10px;}
    .search_list h3{line-height: 24px;max-height: 48px;}
}
@media only screen and (max-width:767px) {
    .search_top{padding: 20px 0;}
    .search_list ul{padding-bottom: 0px;margin-bottom: 0;}
    .search_list h3{width: calc(100% - 85px);}
    .search_input input, .search_input button{height: 32px;line-height: 32px;}
    .search_input input{padding: 0 5px;}
    .search_input button{width: 70px;}
    .search_input input{width: calc(100% - 70px);}
    .search_le{line-height: 42px;font-size: 14px;width: 50px;}
    .search_re{    width: calc(100% - 50px);}
    .search_input{margin-bottom: 10px;}
    .search_list{padding-top: 0;padding-bottom: 0;}
    .search_list h3{font-size: 16px;}
    .search_result{font-size: 14px;}
    .search_list li{padding: 15px 0;}
    .search_list dt{margin-bottom: 4px;}
}
@media only screen and (min-width:1025px) {
    .search_input button:hover{opacity: .8;}
}

/*视频弹窗*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{
    z-index:2; width: 1035px;max-width:94%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
    visibility: hidden;opacity: 0;

}
.video_appbox .video_t video{height:auto;}
.video_appbox.show .video_t{
    visibility: visible;opacity:1;
    top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}

/*视频弹窗*/


.header_faq{float: right;height: 36px;line-height: 36px;color: #fff;margin-top: 27px;margin-left: 10px;transition: all .3s;border-radius: 30px;overflow: hidden;
    background: -webkit-linear-gradient(left,#fb4806, #8f7e09);
    background: -o-linear-gradient(left,#2445c7, #815ac6);
    background: -moz-linear-gradient(left,#2445c7, #815ac6);
    background: linear-gradient(left,#2445c7, #815ac6);
}
.header_faq a{color: #fff;padding: 0 17px;display: block;}
.header_faq  img{width: 23px;height: 22px;margin-right: 8px;}
.scrollHeader .header_faq{margin-top: 22px;}
@media only screen and (max-width: 1200px){
    .nav>ul>li{margin-right: 20px;}
}
@media only screen and (max-width: 1100px){
    .nav>ul>li{margin-right: 10px;}
}
@media only screen and (max-width: 1024px){
    .header_faq,.scrollHeader .header_faq{margin-top: 12px;margin-right: 20px;}
}


.footer{position: relative;}
.footer>img{width: 10%;position: absolute;left: 22%;bottom: 0;}



/* end报名  */
.ribbon-box {
    width: 100%;
    margin-top: -15px;
}

/* .ribbon-left,.ribbon-right{
     width:50%;
 } */
.ribbon-left {
    padding: 20px 0 20px 25px;
    background: url("jbredbg.png") /*tpa=https://www.ciie.org/resource/static/zbh/default/assets-2019/img/jbredbg.png*/ repeat-y;
    background-size: 100%;
    position: relative;
    z-index: 6;
}

.ribbon-left:after {
    content: "";
    display: block;
    width: 60px;
    height: 100%;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    position: absolute;
    right: -56px;
    top: 0;
    background-color: #d00319;
    box-shadow: 6px 0 0 rgba(255, 255, 255, 0.36);
}

.ribbon-right p {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    line-height: 1.8;
}

.ribbon-right {
    padding: 10px 10px 10px 80px;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    background: url("jbyellowbg.png") /*tpa=https://www.ciie.org/resource/static/zbh/default/assets-2019/img/jbyellowbg.png*/ repeat-y;
    background-size: 100%;
    position: relative;
    top: 12px;
}

.ribbon-right p, .ribbon-right div, .ribbon-right b {
    display: inline-block;
    color: #fff;
}

.ribbon-left a, .ribbon-left div {
    display: inline-block;
    color: #fff;
}

.ribbon-left>a {
    padding: 5px 30px 5px 55px;
    border: 2px solid #ffbf02;
    background: #e65b1d;
    color: #fff;
    border-radius: 30px;
    position: relative;
    vertical-align: top;
    z-index: 6;
    margin-right: 10px;
}

.ribbon-left>a:hover {
    transform: scale(1.02);
    background: rgba(246, 166, 35, 1);
    box-shadow: 0 5px 10px rgba(27, 25, 20, 0.15);
    transform: all 0.3s linear;
}

.ribbon-left a span {
    font-size: 16px;
    line-height: 1;
}

.ribbon-left a .icon-kefu {
    display: block;
    font-size: 32px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -14px;
}

.ribbon-left h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 5px 15px 0 0;
    text-align: left;
}

.ribbon-left h2 {
    font-size: 24px;
    font-family: DINnum;
    font-weight: normal;
    margin: 5px 15px 0 0;
}

.countdown {
    vertical-align: top;
    position: relative;
    top: 8px;
}

.ribbon-right b {
    display: inline-block;
    margin: 3px;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    vertical-align: top;
}


.ribbon-right .countdown small {
    display: inline-block;
    position: relative;
    top: 18px;
    font-size: 16px;
}

.ribbon-right p {
    margin-right: 10px;
}


 .re-sliders2 .owl-controls .owl-dots {
            display: block !important;
        }

        .videophoto-box .iconren111 {
            border: 2px solid #d40518;
            padding-top: 5px;
            border-radius: 5px;
            font-size: 18px;
            line-height: 0.8;
        }

        .header-main .right-box {
            margin-top: 20px !important;
        }

        .header-main .right-box a.navbar-brand {
            margin-top: 10px !important;
        }

        body .header-main .right-box .jinbao {
            animation-fill-mode: both;
        }

        .f-fl {
            float: left;
        }

        .f-fr {
            float: right;
        }

        .Ribbon-20180814 .ribbon-center img {
            width: 71px;
            height: 64px;
        }

        .Ribbon-20180814 .ribbon-center .u-txt {
            margin-bottom: 0;
            display: inline-block;
            font-size: 20px;
            line-height: 40px;
            color: #fff;
        }

        .Ribbon-20180814 .ribbon-left>a {
            margin-top: 0;
        }

        .Ribbon-20180814 .ribbon-left h4 {
            font-size: 20px;
        }

        .Ribbon-20180814 .ribbon-left:after {
            height: 50%;
            top: 16%;
        }

        .Ribbon-20180814 .ribbon-left {
            padding: 10px 30px 10px 60px;
        }

        .Ribbon-20180814 .u-img20211028 {
            padding: 20px 0;
            text-align: center;
        }

        .Ribbon-20180814 .u-img20211028 img {
            width: auto;
        }

        @media (max-width:750px) {
            .Ribbon-20180814 .ribbon-left {
                padding: 0;
                text-align: center;
                justify-content: center;
                margin-bottom: 25px;
            }

            .Ribbon-20180814 .u-img20211028 img {
                width: 90%;
            }
        }

        @keyframes xiaoshi {
            0% {
                opacity: .8;
            }

            30% {
                opacity: .6;
            }

            60% {
                opacity: .4;
            }

            100% {
                opacity: 0;
            }
        }
        /* 修改样式 10-27 */
        .swiper-pagination.swiper-pagination-country {
            text-align: center !important;
        }
        .swiper-pagination-bullet{
            width: 9px !important;
            height: 9px !important;
            background-color: #dae3ee !important ;
        }
        .swiper-pagination-bullet-active{
            width: 28px !important ;
            height: 9px !important ;
            background-color: #e0100c !important ;
            border-radius: 5px !important ;
        }
        .container-Journalism{
            width: 100%;
            height: 250px;
            display: flex;
            justify-content: space-between;
        }
        .Journalism-item{
            min-height: 250px;
        }
        .Journalism-item-left-top{
            display: flex;
            flex-direction: column;
        }
        .item-left-top-box{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .item-left-top-box-href{
            display: flex;
            align-items: center;
            font-weight: 800;
            line-height: 43px;
            width: 90%;
        }
        .item-left-top-box-href-p{
            font-size: 16px;
            color: #d40518;
            margin: 0 5px 0 0;
            padding: 0;
        }
        .item-left-top-box-href-text{
            font-size: 16px;
            color: #4a4a4a;
            margin: 0 10px 0 5px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            flex: 1;
        }
        .item-left-top-box-href-time{
            font-size: 14px;
	        color: #999999;
        }

        .Journalism-item-left-bottom{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .Journalism-item-right{
            width: 100%;
            height: 250px;
        }
        .item-right-top-image{
            width: 100%;
            height: 160px;
        }
        .item-right-image{
            width: 100%;
            height: 80px;
        }
        .item-en-right-image{
            width: 100%;
            height: 75px;
        }
        .mart10{
            margin-top: 10px;
        }
        .main-tit-box1027{
            padding: 15px 0;
            text-align: center;
            position: relative;
        }
        .main-tit-box1027::after{
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%,0);
            width: 39px;
            height: 3px;
            background-color: #ffd800;
        }
        .u-img-1027{
            font-size: 34px;
            letter-spacing: 2px;
            color: #ffd800;
        }
        .u-six-ciie{
            padding-top: 20px;
            font-size: 24px;
            line-height:36px;
            text-align: center;
            color: #fff;
        }
        .u-six-ciie p {
            position: relative;
            margin: 0;
        }
        .u-six-ciie .p1{
            padding: 5px 0;
        }
        .u-six-ciie .p1::before{
            position: absolute;
            bottom: 0;
            left: 50%;
            content: '';
            width: 40px;
            height: 5px;
            background-color: #ffd800;
            transform: translateX(-50%);
        }

        body .sitemap-box{
            margin-top: 90px !important;
        }

        .addbg1103.addbg-20201028{
            margin-top: 20px;
        }

        .zhd-list .swiper-button-prev, .zhd-list .swiper-button-next{
            visibility: visible !important;
        }

        .u-topic-news-list{
            padding: 0;
        }

        .u-topic-news-list li{
            position: relative;
            padding: 22px 30px;
            background-color: #ffffff;
            box-shadow: 0px 0px 14px 1px rgba(215, 215, 215, 0.8);
            border-radius: 5px;
        }

        .u-topic-news-list li.z-hot::after{
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            content: '';
            border-top: 20px solid #d40518;
            border-left: 20px solid transparent;
            border-radius: 0 5px 0 5px;
        }

        .u-topic-news-list li + li{
            margin-top: 15px;
        }

        .u-topic-news-list li .u-tt{
            padding: 0;
            margin: 0;
            font-size: 18px;
            line-height: 28px;
            color: #000;
            font-weight: normal;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .u-topic-news-list li .p1{
            padding: 0;
            margin: 5px 0 0;
            font-size: 15px;
            line-height: 22px;
            color: #666;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }

        .u-topic-news-list li.u-style1{
            padding: 12px 30px;
            height: 70px;
        }

        .u-topic-news-list li.u-style1 > a{
            display: flex;
            align-items: center;
            height: 100%;
        }

        .u-topic-news-list li.u-style1 .u-tt{
            line-height: 23px;
        }

        .u-topic-news-list li.u-style2 .p1{
           webkit-line-clamp: 2;
        }

        @media screen and (max-width: 750px) {
            .container-Journalism {
                display: block;
                padding: 10px;
                height: auto;
            }
            .item-left-top-box{
                display: block;
                margin-top: 10px;
            }
            .item-left-top-box-href{
                width: 100%;
                line-height: 20px;
                display: inline;
                line-height: 26px;
            }
            .item-left-top-box-href-time{
                display: inline-block;
            }
            .item-left-top-box-href-text{
                white-space: inherit;
            }
            .item-left-top-box-href-p{
                display: inline-block;
            }
            .item-left-top-box-href-time{
                margin-right: 20px;
            }
            .Journalism-item-left-bottom{
                display: block;
                margin-top: 10px;
            }
            .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
                bottom: 0;
            }
            .Journalism-item-right{
                margin-top: 20px;
            }
            .video-right{
                padding-right: 0;
            }
        }
        .sitemap-box .tabtit ul:before,
        .sitemap-box .tabtit ul:after {
            width: 9%;
        }

        @media screen and (min-width: 750px){
            .videophoto-box .ImgCrop{
                height: 163px !important;
            }
            .videophoto-box .jp-controls-holder{
                padding: 0;
                top: -8px;
            }
            .videophoto-box .jp-video .jp-type-single .jp-controls{
                margin-left: 100px;
            }
            .videophoto-box .more-exhi{
                margin: 20px 0 40px;
            }
            .wrap-1017{
                margin: 0 !important;
            }
            .Exhibition-dynamics .title02{
                margin-top: 30px;
            }
        }

        @media screen and (min-width: 1000px){
            .signicon-ul.row .col-sm-3 {
                width: 33.33% !important;
            }

            .u-img-news{
                padding: 0;
                margin: 0;
                display: flex;
                justify-content: space-between;
            }

           .u-img-news > a{
                position: relative;
                width: 226px;
                height: 240px;
                transition: all .5s;
                cursor: pointer;
            }

            .u-img-news > a .u-img{
                position: absolute;
                top: 0;
                width: 226px;
                height: 125px;
            }

            .u-img-news > a.z-crt .u-img img{
                max-width: 100%;
                max-height: 100%;
                width: auto;
                height: auto;
            }

            .u-img-news > a .u-tit{
                position: absolute;
                top: 125px;
                padding: 18px 18px 0;
                width: 226px;
                height: 115px;
                background-color: #1981cd;
                font-size: 16px;
                line-height: 30px;
                color: #fff;
                overflow: hidden;
            }

            .u-img-news > a:nth-child(even) .u-img{
                top: 115px;
            }

            .u-img-news > a:nth-child(even) .u-tit{
                top: 0;
            }


            .u-img-news > a.z-crt{
                width: 427px;
                height: 240px;
            }

            .u-img-news > a.z-crt .u-img{
                top: 0;
                width: 100%;
                height: 240px;
            }

            .u-img-news > a.z-crt .u-tit{
                width: 100%;
                top: auto;
                bottom: 0;
                height: 58px;
                background: linear-gradient(0deg,  rgba(25, 129, 205, 1) 0%,  rgba(25, 129, 205, .05) 100%);
                font-size: 18px;
                font-weight: 600;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        }
        .mainNAV0314 .navbar-nav:after{
          height:0px !important;
        }
		
		.ribbon-right p, .ribbon-center p {
    font-weight: normal;
    text-align: center;
    font-size: 20px;
    display: block;
}


.ribbon-center {
    padding: 20px 15px 20px;
}

.ribbon-center p {
    line-height: 1.8;
    color: #fff;
}

.ribbon-left {
    padding: 10px 10px 10px 80px;
    position: relative;
    top: 12px;
    z-index: 0;
    background: transparent;
}


@media (min-width:768px) {
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
		float: left
	}
	.col-sm-4 {
		width: 33.33333333%
	}